/**
* @Author: Zhengfeng.Yao
* @Date:   2017-01-23 14:12:23
* @Last modified by:   Zhengfeng.Yao
* @Last modified time: 2017-02-09 14:48:51
*/

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';
import { Link } from 'react-router'
import cn from 'classnames'
import GHeader from './components/gHeader'
import GNav from './components/gNav'

import 'styles'

const isActive = (key)=>{
  return '#/'+key == window.location.hash||window.location.hash == '#/'&&key == 'common'
}

export default class App extends Component {
  render() {

    return (
      <div id="container" className='effect mainnav-lg'>
        <GHeader />
        <div className="box">
          <div id="content-container">
            {/*
            <ol className="breadcrumb">
              <li><a href="#">Home</a></li>
              <li><a href="#">Library</a></li>
              <li className="active">Data</li>
            </ol>
            */}
            <div id="page-content">
              {this.props.children||'空页面'}
            </div>
          </div>
          <GNav />
        </div>
      </div>
    );
  }

  componentDidMount() {

  }
}
